* {
    margin: 0;
    padding: 0;
}

body {
    font: 0.8em/1.5 Arial,Helvetica,sans-serif;
}

#top {
    color: white;
    height: 75px;
    background-color: #454545;    
}

#top a {
    color: white;
    text-decoration: none;
}

#top #title {
    padding: 5px 3px;
    margin: 0 11px;
    font-size: x-large;
    float: left;
}

#top #subtitle {
    font-size: 15px;
    font-weight: bold;
    margin: 0 11px;
    padding: 0 6px 0 3px;
    position: absolute;
    text-align: left;
    top: 48px;
}

#user_area {
    float: right;
    padding: 5px 5px;
}

#top #user_area a {
    padding: 0 10px;    
}

#top #user_area a:hover {
    color: #FF8402;
}

#mid {
    margin: 1px;
}

#mid #left {
    vertical-align: top;
    width: 213px;
    margin-right: 5px;
    border: 1px solid #AFAFAF;
}

#mid #left #leftcontainer {
   width: 213px; 
}

#mid #content {
    vertical-align: top;
    margin-left: 0px;
    min-width: 600px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AFAFAF;
    width: 100%;
}

#mid #content .contentcontainer {
    overflow: auto;
}

.ui-tabs .ui-tabs-panel {
    overflow: auto;
}

#foot {
    background: url("images/tray.gif") repeat-x scroll 0 0 transparent;
    color: white;
    min-height: 30px;
}

#foot a {
    color: white;
    text-decoration: none;
}

#foot #copy {
    padding: 5px;
}